<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/8/3
  Time: 10:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
    <!--    所有js可能会用到jQuery 所以，jQuery应该放在所有的js之前-->
    <%--    <script src="../js/jquery-3.6.0.min.js"></script>--%>
    <%--    <script src="../js/top.js"></script>--%>
</head>
<body>
<!--面向对象   自己控制自己-->
<div class="top">
    <!--        注释快捷键：ctrl+/-->
    <!--        所有的字符和图片不能单独存在，必须外面有div-->
    <!--    公司信息    -->
    <div>
        <div>
            <div>
                <img src="${companyModel.logo}"/>
            </div>
            <div>
                <div><img src="../img/icon2_03_uc2a.png"/></div>
                <div>
                    <%--                    ${logo}--%>
                    ${companyModel.phone}
                </div>
            </div>
        </div>

    </div>
    <!--    导航    -->
    <div>
        <div>
            <%--            怎么将所有相同的元素放在一起？用什么来接收，装对象？
            1.数组 []
            2.集合 SET LIST
            MAP  HASHMAP HASHSET
            LINKLIST
            ARRAYLIST
 循環  ---jsp怎么将数据循环到页面？
            --%>
            <%--
            item 需要循环的信息 名称对应后台的key值
            var 循环信息里面的每一个对象，元素 随便命名
            --%>
            <c:forEach items="${navModels}" var="navModel">
                <div onclick="location.href='${navModel.href}'">${navModel.title}</div>
            </c:forEach>
            <%--            <div onclick="location.href='home.html'">网站首页</div>--%>
            <%--            <div onclick="location.href='company.html'">公司信息</div>--%>
            <%--            <div onclick="location.href='news.html'">新闻信息</div>--%>
            <%--            <div onclick="location.href='product.html'">产品信息</div>--%>
            <%--            <div onclick="location.href='online.html'">在线留言</div>--%>
            <%--            <div onclick="location.href='callus.html'">联系我们</div>--%>
        </div>
    </div>
    <!--    广告    -->
    <div>
        <div>
            <!--                空格只能显示一个 ，如果需要多个空格，需要用到特殊转义字符-->
            <div>品味生活 ·&nbsp;品味美食
            </div>
            <div>
                <div>一壶茶 沏出了生活的醇美</div>

                <div>一枝花 开出了生活的鲜艳</div>

                <div>一首诗 吟出了生活的酸辛</div>

                <div>一把火 燃烧出了生活的激情</div>

                <div>一枝笔 绘出了人生的五彩缤纷</div>

                <div>一首歌 唱出了人生的喜怒哀惧</div>

                <div>生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div>
                <div>
                    <div>品味</div>
                    <div> 生活</div>
                    &nbsp;&nbsp;&nbsp;&nbsp;<div> 品味</div>
                    <div> 美食</div>
                </div>

                <div>某某给你生活指南</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
